@charset "UTF-8";
$r:750/16/1rem;
body{
  background:#f1f0f6;
}
.cour_tit{
  width: 100%;
  height: 88/$r;
  font-size: 28/$r;
  line-height: 88/$r;
  margin-bottom: 20/$r;
}
.cour_tit p{
  padding-left: 5%;
}
.order_wrap{
  width: 100%;
}
.order_cont{
  width: 100%;
  background: #ffffff;
  margin-bottom: 20/$r;
}
.order_item{
  width: 90%;
  margin: 0 auto;
  padding: 0 0 30/$r 0;
}
.order_top{
  padding:20/$r 0;
  font-size: 24/$r;
  color: #666;
  border-bottom: 1px solid #ccc;
}
.serial_n{
  float: left;
}
.state_t{
  float: right;
}
.s{
  color: #16b998;
}
.f{
  color: #FF0000;
}
.cour_detail{
  margin-top:20/$r;
}
.cour_img{
  width:100/$r;
  float: left;
}
.cour_img img{
  width: 100%;
  display: block;
}
.cour_text{
  font-size: 28/$r;
  color: #333333;
  padding-bottom: 20/$r;
  border-bottom: 1px solid #ccc;
}
.cour_text p{
  margin-bottom:6/$r;
}
.operation{
  float: right;
}
.oper_but{
  outline: none;
  border: none;
  width: 130/$r;
  height:56/$r;
  font-size: 24/$r;
  text-align: center;
  line-height: 56/$r;
}
.period_t{
  font-size: 24/$r;
  color: #333333;
  background-color: rgba(255, 255, 204, 1);
  padding:5px;
  margin-top: 3px;
}
.oper_but{
  outline: none;
  width: 130/$r;
  height:56/$r;
  font-size: 24/$r;
  text-align: center;
  line-height: 56/$r;
  color: #666666;
  background-color:#FFFFFF;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  border-radius: 4/$r;
}
.oper_but_act{
  border: 1px solid #0099FF;
  color:#0099FF;
}
.period_time{
  margin-top: 14/$r;
  float: left;
}
.text_pro{
  font-size: 24/$r;
}
.view_but{
  margin-right:20/$r;
}
.detail_but{
  margin-top:20/$r;
}


